<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>已批阅作业</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
	</head>
	<style>body {
	background: white;
}

.headbar {
	background-color: #3ac9af;
}

.mui-icon {
	color: white;
}

.mui-title {
	color: white;
}

.mui-content {
	background: white;
}


/*****题目****/
.elist{
			word-break: break-all; word-wrap:break-word;
		}
.tasks .top {
	margin-top:15px;
	height: 44px;
	text-align: right;
	border-bottom: 1px solid #dddddd;
	white-space: nowrap;
    overflow-y: hidden;
}

.tasks .top .tihao {
	text-align: center;
	margin: 10px 10px 0px 0px;
	padding: 2px 0px 0px 0px;
	border-radius: 16px;
	border: 1px solid #fda649;
	height: 26px;
	width: 26px;
	background: white;
	display: inline-block;
	color: #fda649;
	font-size: 16px;
}

.tasks .top .tihao.act {
	background: #fda649;
	color: white;
}

.task {
	display: none;
}

.task.act {
	display: block;
}
.task .task-content {
	margin: 8px 10px 7px 15px;
	color: #555555;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #dddddd;
}
.c2{
	margin:10px 0px 10px 0px;
}
.c2 .f1{
	background: url(../../images/task_6.png) no-repeat;
	background-size: 13px 13px;
	background-position:5px 5px;
	display: inline-block;
	font-size: 13px;
	color:#727272;
	padding:0px 0px 0px 25px;
	width:150px;
	overflow: hidden;
	margin:0px 0px 2px 0px;
	background-color: #f9f9f9;
}
.task-daan{
	font-size: 14px;
    padding: 0px 10px 8px 15px;	
}
.task-daan .t1{
	color:#2ab69d;
}
.task-daan .t2{
	margin-top:5px;
	color: #555555;
}

.task .task-jiexi {
	margin: 0px 15px 0px 15px;
	background: #fffbf7;
	border: 1px solid #ffd3a5;
	padding: 6px 10px 12px 10px;
	display:none;
}

.task .task-jiexi .e1 {
	font-size: 14px;
	color: #2ab69d;
}

.task .task-jiexi .e2 {
	font-size: 14px;
	color: #555555;
}

.task .task-jiexi .e2 .ee2 {
	margin: 0px 2px 0px 10px;
	color: #2ab69d;
}

.task .task-jiexi .e3 {
	margin: 10px 0px 3px 0px;
	font-size: 14px;
	color: #2ab69d;
}

.task .task-jiexi .e4 {
	color: red;
	font-size: 14px;
}</style>

	<body>
		<form>
			<input type="hidden" id="fTaskid">
            <input type="hidden" id="fTaskname">
			<input type="hidden" id="fTihao">
		</form>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<!--<a class="mui-icon mui-icon-bars mui-pull-right"></a>-->
			</a>
			<h1 class="mui-title" id="tasknameh1"></h1>
		</header>
		<div class="mui-content">
			<!--答题start-->
			<div class="tasks" id="datihou">
				<div class="top" id="top1">
					<!--
						<span class="tihao tihao1 act" tihao="1">1</span>
					<span class="tihao tihao1" tihao="2">2</span>
					-->
				</div>
				<div class="elist" id="elist1">
					 <!--
						<div class="task task1 act" id="task1_1">
						<div class="task-content">
							<div class="c1">这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容</div>
							<div class="c2">
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
							</div>
						</div>
						<div class="task-daan">
							<div class="t1">答案:</div>
							<div class="t2">这是答案这是答案这是答案这是答案这是答案这是答案这是答案这是答案</div>
							<div class="c2">
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
							</div>
						</div>
						<div class="task-jiexi">
							<div class="e1">批阅作业</div>
							<div class="e2">正确</div>
							<div class="e3">批阅意见</div>
							<div class="e4">这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅这是批阅</div>
						</div>
					</div>
					<div class="task task1" id="task1_2">
						dd
					</div>
				-->
				</div>
			</div>
			<!--答题start-->
	
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
    <script src="script/taskmarked.js"></script>
</html>